
 <div class="floatLeft sec_2">

    

    	<div class="box bLeft">

    		<h1><?php echo anchor('home',lang('template.home'));?> > <?php echo lang('template.product')?> </h1>    

        </div><!--END BOX -->

        

        <div class="box content">

        
      		<style>

.slideshow {width:850px; height: 400px; }

.sec_3{width:0px;}

</style>    

<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>

<script type="text/javascript">

$(document).ready(function() {

		$('.slideshow').css('overflow', 'hidden');

		$('.slideshow').cycle({

		fx: 'fade',

		pause: 1,

	});

});

</script>

		<div class="slideshow">

			<img src="<?php echo base_url('assets/images/slider/2.jpg')?>" width="775" />

			<img src="<?php echo base_url('assets/images/slider/3.jpg')?>" width="775" />

  			<img src="<?php echo base_url('assets/images/slider/4.jpg')?>" width="775" />

			<img src="<?php echo base_url('assets/images/slider/5.jpg')?>" width="775" /><!--

			<img src="http://www.unleashed-technologies.com/demo/cycleexample/images/image5.png" width="775" />            

       	--></div>
      		

        

        </div><!-- END BOX-->

        

    </div><!-- END SEC 2 -->

    

